import React from 'react';
import { Toast, NavBar,Tabs  } from 'react-vant';
import { routerlist } from "../../router/index";
import { Link, NavLink, Outlet } from 'react-router-dom';
function Home(props) {
    return (
        <div>
            <NavBar
      title="我的订单"
      leftText=""
      rightText=""
      onClickLeft={() => Toast('返回')}
      onClickRight={() => Toast('按钮')}
    />
    <Tabs defaultActive={0}>
        {routerlist.map(item => (
          <Tabs.TabPane  title={<Link to={item.path}>{item.meta.title}</Link>}>
            <Outlet />
          </Tabs.TabPane>
        ))}
      </Tabs>
        </div>
    );
}

export default Home;